import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/pages/home'
import Login from '@/pages/login'
import index from '@/components/home/homeView/index'
import TravelExpenseClaim from '@/components/home/homeView/form/TravelExpenseClaim'
import ExpenseReimbursementForm from '@/components/home/homeView/form/ExpenseReimbursementForm'
import PaymentRequestForm from '@/components/home/homeView/form/PaymentRequestForm'
import LoanForm from '@/components/home/homeView/form/LoanForm'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/',
      name: '/index',
      component: Index,
      children: [
        {path: 'index', component: index},
        {path: 'TravelExpenseClaim', component: TravelExpenseClaim},
        {path: 'ExpenseReimbursementForm', component: ExpenseReimbursementForm},
        {path: 'PaymentRequestForm', component: PaymentRequestForm},
        {path: 'LoanForm', component: LoanForm}
      ]
    }, {
      path: '/login',
      name: 'login',
      component: Login
    }
  ]
})

export default router
